<template>
	<setting-public-view current="report" view-class="setting-view-main3" :nav="performanceNav">
    <div class="pad-r-12">
		  <report-rloe-setting />
    </div>
  </setting-public-view>
</template>

<script>
/* components */
import SettingPublicView from '../../components/settingPublicView';
import { performanceNav } from '../../components/settingPublicView/navList.js';
import ReportRloeSetting from './ReportRloeSetting'
export default {
  name: 'report-setting-view',
  props: {
    initData: {
      type: Object,
      default: () => ({}),
    },
  },
  data() {
    return {
			performanceNav: performanceNav,
		};
  },
  computed: {},
  components: {
		[SettingPublicView.name]: SettingPublicView,
		[ReportRloeSetting.name]: ReportRloeSetting
	},
};
</script>

<style lang="scss">
.performance-setting-container {
  display: flex;
  padding: 10px;
  min-width: 1020px;

  .nav-side-bar {
    width: 280px;
    background: #fff;
    margin-right: 10px;
    width: 30%;
    max-width: 420px;

    h1,
    h3 {
      margin: 0;
    }
    h1 {
      font-size: 18px;
      line-height: 46px;
      padding: 0 10px;
      border-bottom: 1px solid #f4f4f4;
    }

    h3 {
      line-height: 40px;
      padding: 0 10px;
      border-left: 3px solid $color-primary;
      color: #444;
    }
  }

  .function-area {
    width: 70%;
    flex-grow: 1;
  }
}
</style>